* {
	margin: 0px;
	padding: 0px;
	/* color: #efefef; */
	font-size: 13px;
}

body, html {
	width: 100%;
	
	height: 100%;
	background: #000;
	
}
#body {
	padding-bottom: 200px;
}
.webpage {
	min-height: 100%;
	position: relative;
	/* padding-bottom: 200px; */
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}

.text, label {
	color: #efefef;
}

.head-bar {
	width: 100%;
	height: 5px;
	background: #cedf1c;
}

.logo a{
	display: block;

	width: 180px;
}

.logo a img {
	width: 100%;
	height: auto;
}

/* MENU */
.nav-bar {
	list-style: none;
	float: right;
	margin-bottom: 0px;
} 

.nav-bar > li {
    display: inline-block;
	
} 
.nav-bar > li:last-of-type > a {
	width: 100px;
}
.nav-bar > li > a{
	display: block;
	text-transform: uppercase;
	padding: 50px 12px;
	font-size: 15px;
	text-decoration: none;
	color: #fff;
	word-break: normal;
	text-align: center;
} 

.nav-bar > li:hover {
	background:  #cedf10;
}

.nav-bar > li:hover > .sub-menu {
	display: block;
}

.nav-bar > li > .sub-menu {
	position: absolute;
	z-index: 2000;
	list-style: none;
	background:  #cedf1c;
	box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.51);
	display: none;
}
.nav-bar > li > .sub-menu > li:hover {
	background:  #A5B216;
}
.nav-bar > li > .sub-menu > li > a {
	display: block;
	padding: 15px 20px;
	font-size: 15px;
	text-decoration: none;
	color: #fff;
	word-break: normal;
	width: 220px;
	text-transform: uppercase;
}
/* SLIDE */
.slide {
	position: relative;
	z-index: 500;
	/* height: 200px; */
}
.slide:before {
	content: ' ';
	width: 800px;
	height: 6px;
	background: url(../images/shadow.png);
	background-size: cover;
	display: block;
	position: absolute;
	top:  0px;
	right: 0px;
	left:  0px;
	z-index: 1000;
	margin: 0px auto;
}

.slide .item {
	height: 400px;
	background: none;
}

.slide .item img {
	margin-top: 0;
	display: block;
}
/* .slide ul {
	list-style: none;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.slide ul li {
	
}

.slide ul li a{
	display: block;
}

.slide ul li a{
	display: block;
	position: relative;
}

.slide ul li a img {
	width: 100%;
	height: auto;
	position: absolute;
	top: -200px;
	right: 0px;
	left: 0px;
	bottom: 0px;
} */

/* BANNER */
.banner-list {
	margin-top: -100px;
	position: relative;
	z-index: 700;
}

.banner a{
	display: block;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0px 0px 8px #000;
	height: 200px;
	position: relative;
}

.banner a img {
	width: 100%;
	height: auto;
}

.banner-label {
	position: absolute;
	bottom: 20px;
	right: 0px;
	background: #cedf1c;
	padding: 9px 30px;
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	opacity: 0.8
}

/* CONTENT */
.title {
	border-bottom: 1px solid #ccc;
}

.title span {
	border-bottom: 1px solid #cedf1c;
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 3px;
	color: #cedf1c;
}

.left-content p {
	text-align: justify;
}

.btn-details {
	display: block;
	float: right;
	padding: 2px 15px;
	color: #fff;
	background: #cedf1c;
}

.btn-details:hover {
	text-decoration: none;
	color: #000;
}

.news-list ul {
	list-style: none;
}
.news-list ul a {
	display: block;
	margin-bottom: 10px;
}
.news-list ul a:hover {
	text-decoration: none;

}
.news-list ul .news-date {
	float: left;
	height: 100%;
}

.news-list ul .news-title {
	margin-left: 25%;
	text-align: justify;

}

.dulich-list {

}

.dulich-list .dulich-item {

}

.dulich-list .dulich-item h3 a {
	font-size: 16px;
	color:  #cedf1c;
	font-weight: bold;
}

.dulich-list .dulich-item p {
	text-align: justify;
}

.dulich-detail p {
	text-align: justify;
	font-size: 13px;
}

.dulich-related {
	list-style-type: initial;
	list-style: inside;
	list-style: #fff;
}

.dulich-related li a {
	font-weight: bold;
}

.travel-img{
	max-width: 150px;
	max-height: 100px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}


.profile-item {
	border: 1px solid rgba(206, 223, 28, 0.5);
	padding: 15px;
	display: block;
	height: 250px;

	margin-bottom: 30px;
	-webkit-transition : all 0.7s ease 0.1s;
	   -moz-transition : all 0.7s ease 0.1s;
	     -o-transition : all 0.7s ease 0.1s;
	        transition : all 0.7s ease 0.1s;
}
.profile-item:hover {
	border: 1px solid rgba(206, 223, 28, 1);
	box-shadow: 0px 0px 7px rgba(206, 223, 28, 1);
}
.profile-item .ava{
	display: block;
	width: 170px;
	height: 220px;
	overflow: hidden;
	float: left;
}

.profile-item .ava img {
	height: 100%;
    width: 100%;
}
.profile-info {
	margin-left: 185px;

}

.profile-info h3 {
	margin-top:0px;
	color: #cedf1c;

}
.profile-info ul {
	list-style: none;
	color: #efefef;
}
.profile-info ul li {
	margin-bottom: 5px;
}
.profile-info ul strong {
	color: #cedf1c;
}

.profile-detail-info h3 {
	margin-top:0px;
	color: #cedf1c;

}
.profile-detail-info ul {
	list-style: none;
	color: #efefef;
}
.profile-detail-info ul li {
	margin-bottom: 5px;
}
.profile-detail-info ul li p {
	text-align: justify;
}
.profile-detail-info ul strong {
	color: #cedf1c;
}


#calendar {
	width: 100%;
	margin: 0 auto;
}

#calendar h2 {
	color: #cedf1c;
	font-size: 20px;
	font-weight: bold;
}

.fc-widget-header {
	color: #cedf1c;
	font-weight: bold;
}

.fc-widget-content {
	color: #efefef;
}
.fc-state-highlight {
	background: #cedf1c !important;
}

.fc-day-grid-container {
	height: auto !important;
	overflow: hidden;
}

.form-inline {
	background: rgba(193, 223, 28, 1);
	padding: 5px 20px;
}

.btn-profile-detail {
	position: absolute;
	bottom: 45px;
	right: 30px;
}

.active {
	background: #cedf10;
}

.register-form {
	border: 1px solid rgba(206, 223, 28, 0.5);
	padding: 15px;
	-webkit-transition : all 0.7s ease 0.1s;
	   -moz-transition : all 0.7s ease 0.1s;
	     -o-transition : all 0.7s ease 0.1s;
	        transition : all 0.7s ease 0.1s;
}

.register-form:hover {
	border: 1px solid rgba(206, 223, 28, 1);
	box-shadow: 0px 0px 7px rgba(206, 223, 28, 1);
}
.register-form h2 {
	text-align: center;
	margin-bottom: 40px;
	color: #cedf1c;
}

.pagination {
	
}
.pagination strong {
	position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
padding: 5px 10px;  font-size: 12px;
background-color: #337ab7;
border-color: #337ab7;
color: #fff;
cursor: default;
}
.pagination a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 5px 10px;  font-size: 12px;
}
.ytce-gallery .title {
	padding: 5px 0px;
	min-height: 50px;
	border-bottom: 1px solid #cedf10;
	margin-bottom: 10px;
}
.ytce-gallery .title span {
	border: 0px;
}
.ytce-li {
	height: auto;
	min-height: 300px;
}

/* FOOTER */
.footer {
	width: 100%;
	background: #cedf1c;
	margin: 20px 0px;
	padding-top: 15px;
	position:absolute;
	bottom: 0px; 
}

.footer-content p, .footer-content p strong{
	color: black;
}

.footer .form-group {
	margin-bottom: 5px;
}
.footer .control-label {
	color: #000;
}
.login-form {
	border-left: 1px solid #000;
	margin-bottom: 10px;
}
.mobile {
		display: none;
	}

@media (max-width: 480px) and (max-device-width:480px) { 
	.mobile {
		display: block;
	}
	#body {
    	padding-bottom: 0px;
	}

	.webpage {
		/* min-height: 100%; */
		/* position: relative; */
		/* padding-bottom: 200px; */
	}
	.logo a {
		margin-left: auto;
		margin-right: auto;

	}
	.mobile-nav-head {
		display: block;
		text-transform: uppercase;
		font-size: 15px;
		text-decoration: none;
		color: #fff;
		word-break: normal;
		text-align: center;
		padding: 12px;
		background: #cedf1c;
		display: block;
		margin-bottom: 5px;
		position: relative;
	}
	.mobile-nav-head:hover, .mobile-nav-head:active {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	.mobile-nav-head .glyphicon {
		right: 20px;
	
		top: 15px;
		bottom: 0px;
		margin: auto;
		position: absolute;
	}
	.slide {
		height: 110px;
		margin-top: 10px;
	}
	.slide:before {
		display: none;
	}
	.slide .item {
		height: 188px;
	}
	.right-content {
		/* margin-left: 15px; */
		/* padding-left: 15px; */
	}
	.nav-bar {
		float: none;
		display: none;
	}
	.nav-bar > li{
		display: block;
	}
	.nav-bar > li > a .glyphicon {
		right: 20px;
	
		top: 15px;
		bottom: 0px;
		margin: auto;
		position: absolute;
	}
	.nav-bar > li > a {
		padding: 12px;
		background: #cedf1c;
		display: block;
		margin-top: 5px;
		position: relative;
	}
	.nav-bar > li:last-of-type > a {
		width: auto;
	}

	.nav-bar > li > .sub-menu {
		display: block;
		position: relative;
	}

	.nav-bar > li > .sub-menu {
		list-style: none;
		background: #FFFFFF;
		box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.51);
		width: 100%;
		color: #000;
		display: none;
	}

	.nav-bar > li > .sub-menu > li > a {
		display: block;
		padding: 15px 20px;
		font-size: 15px;
		text-decoration: none;
		color: #000;
		word-break: normal;
		text-transform: uppercase;
		border-bottom: 1px dashed #cedf1c;
		width: 100%;
	}
	
	.banner-list {
		margin-top: 20px;
	}
	.banner a {
		height: 170px;
		margin-bottom: 20px;
	}

	#member-item .col-md-6 {
		height: auto;
	}
	.profile-item {
		height: auto;
		padding-bottom: 40px;
	}
	.profile-item .ava {
		width: 100%;
		text-align: center;
		display: block;
		float:  none;
	}

	.profile-item .ava img {
		width: auto;

	}

	.profile-info {
		float:  none;
		margin-left: 0px;
		height: auto;
		position: relative;
	}

	.profile-info h3 {
		text-align: center;
		margin-top:10px;
	}

	.btn-profile-detail {
		position: relative;
		bottom: 0px;

		right: 0px;
		display:  block;
		width: 100%;
		text-align: center;
	}
	.ytce-gallery .title {
		padding: 5px 0px;
		min-height: 0px;
		border-bottom: 1px solid #cedf10;
		margin-bottom: 10px;
	}
	.ytce-li {
		width: 100% !important;
		height: 360px !important;
	}
	div.ytce-gallery li a.image {
		display: block;
		width: 100%;
	}
	div.ytce-gallery li a.image img {
		width: 100%;
		height: auto
	}
	.footer {
		position: relative;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
	.logo a {
    display: block;  
    width: 100%;
		
	}
	.nav-bar > li > a {
		padding: 35px 6px;
		font-size: 13px;
	}
	.nav-bar > li:last-of-type > a {
		width: 100%;
	}
}